<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.3.3/echarts.min.js"></script>
    <style>
        #main {
            width: 600px;
            height: 400px;
        }
    </style>
</head>
<body>
    <div id="main">11</div>
    <script>
        var myChart = echarts.init(document.getElementById('main'));

        var xDataArr = ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'];
        var yDataArr = [3005,3003,3001,3002,3009,3007,3003,3001,3005,3004,3001,3009];
        var option = {
            xAxis:{
                type:'category',
                data:xDataArr,
                boundaryGap:['30%','30%'],
                
            },
            yAxis:{
                type:'value',
                scale:true
            },
            series:[
                {
                    data:yDataArr,
                    type:'line',
                    color:'red'
                }
            ]
        }

        myChart.setOption(option);
    </script>
</body>
</html>